*{margin: 0;padding: 0;}
li{list-style: none}
@rem:1/75rem;
.list{
  width: 10rem;
  height: auto;
  background:#eee;
  margin: 0 auto;
  .title{
    width: 100%;
    height: 90*@rem;
    background:#f05c5c;
    line-height: 90*@rem;
    text-align: center;
    color: #fff;
    font-size: 36*@rem;
    font-weight: normal;
  }
  .list-wrapper{
    width: 100%;
    overflow: hidden;
    padding-bottom: 88*@rem;
    li{
      width:360*@rem;
      height: 400*@rem;
      margin: 10*@rem 0 0 10*@rem;
      background: #fff;
      float: left;
      border-radius:8*@rem ;
      overflow: hidden;
      position: relative;
      img{
        width: 100%;
        height: 280*@rem;
      }
      .list-desc{
        width: 100%;
        height:120*@rem;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        p{
          color: #333;
          font-size: 28*@rem;
          line-height: 60*@rem;
          margin-left: 11*@rem;
        }
        div{
          width: 100%;
          height: 60*@rem;
          overflow: hidden;
          span{
            margin-left: 11*@rem;
            color: #f63333;
            font-size: 28*@rem;
            float: left;
            margin-right:20*@rem ;
            line-height: 60*@rem;
          }
          b{
            font-weight: normal;
            font-size: 24*@rem;
            color: #999;
            float:left;
            width: 190*@rem;
            line-height: 60*@rem;
          }
          s{
            vertical-align: bottom;
            width: 36*@rem;
            height: 36*@rem;
            background: url("/static/img/app/productList/shoppingcar.png") no-repeat;
            background-size: 100% 100%;
            float:left;
            margin-top: 5*@rem;
          }
        }

      }
    }
  }
}
